//text over flow
@mixin text_ellipsis($clamp : 2) {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $clamp;
    -webkit-box-orient: vertical;
}

//felx_box
@mixin flex_box($dir : row, $jc : center, $ali : center) {
    display: flex;
    flex-direction: $dir;
    justify-content: $jc;
    align-items: $ali;
}